 $(document).ready(function() {
        //Default Action
        $(".tab_content").hide();
        //Hide all content
        $(".subtab_content").hide();
        //Hide all content
        $("ul.tabs li:first").addClass("active").show();
        //Activate first tab
        $("ul.subtabs li:first").addClass("active").show();
        //Activate first tab
        $(".tab_content:first").show();
        //Show first tab content
        $(".subtab_content:first").show();
        $("ul.tabs li").click(function() {
          $("ul.tabs li").removeClass("active");
          //Remove any "active" class
          $(this).addClass("active");
          //Add "active" class to selected tab
          $(".tab_content").hide();
          //Hide all tab content
          var activeTab = $(this).find("a").attr("href");
          //Find the rel attribute value to identify the active tab + content
          $(activeTab).fadeIn();
          //Fade in the active content
          return false;
        }
                                       );
        $("ul.subtabs li").click(function() {
          $("ul.subtabs li").removeClass("active");
          //Remove any "active" class
          $(this).addClass("active");
          //Add "active" class to selected tab
          $(".subtab_content").hide();
          //Hide all tab content
          var activeTab = $(this).find("a").attr("href");
          //Find the rel attribute value to identify the active tab + content
          $(activeTab).fadeIn();
          //Fade in the active content
          return false;
        }
                                          );
      }
                       );